<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>我的礼券-江城巴士</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="favicon.ico">
    
    <link rel="stylesheet" href="css/app.css">
</head>

<body>

<header>
    <div class="title">我的礼券</div>
</header>

<section class="wrap">
    <div class="coupons-list">
        <ul>
            <li class="c1">
                <div class="hd">
                    <em>6.8</em>
                    <sub>折</sub>
                </div>
                <div class="bd">
                    <h4>折扣券</h4>
                    <p>限15座以下车型使用</p>
                    <p>有效期至2016-09-09</p>
                </div>
            </li>
            <li class="c2">
                <div class="hd">
                    <em>20</em>
                    <sub>&yen;</sub>
                </div>
                <div class="bd">
                    <h4>代金券</h4>
                    <p>限15座以下车型使用</p>
                    <p>有效期至2016-09-09</p>
                </div>
            </li>
            <li class="c1">
                <div class="hd">
                    <em>6.8</em>
                    <sub>折</sub>
                </div>
                <div class="bd">
                    <h4>折扣券</h4>
                    <p>限15座以下车型使用</p>
                    <p>有效期至2016-09-09</p>
                </div>
            </li>
        </ul>
    </div>

</section>





</body>
</html>